body {
    position: relative;
    z-index: 50;
    width: 96%;
}

.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}

.I_header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    //     height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #66512C;
    .pxToRem(height, 96);
    .I_left {
        .pxToRem(padding-left, 13);
    }
    .I_right {
        .pxToRem(padding-right, 40);
    }
    .I_center {
        font-size: 22px;
    }
}

.I_main {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 100;
    .swiper-container {
        .pxToRem(top, 80);
        .pxToRem( height, 80);
        .pxToRem( line-height, 80);
        width: 100%;
        .swiper-slide {
            width: 100%;
            background: #F7F7F7;
            display: flex;
            justify-content: center;
            align-items: center;
            .pxToRem(line-height, 30);
            .colors{
                color: #FF0000 !important;
                .pxToRem(font-size, 30);
            }
            a {
                text-decoration: none;
                .pxToRem(font-size, 30);
                .pxToRem( padding-left, 10);
                text-align: center;
                .pxToRem(line-height, 30);
                color: #000;
            }
        }
    }
    .I_add {
        .pxToRem(width, 50);
        .pxToRem(height, 50);
        background: #fff;
        position: fixed;
        .pxToRem(right, 0);
        .pxToRem(top, 95);
        .pxToRem(line-height, 60);
        .pxToRem( padding-top, 10);
        z-index: 15;
        text-align: center;
    }
}

.I_banner {
    position: absolute;
    .pxToRem(top, 205);
    width: 100%;
    div {
        text-align: center;
        p {
            .pxToRem(padding, 30);
        }
    }
    .I_see {
        .pxToRem(width, 200);
        .pxToRem(font-size, 25);
        .pxToRem(padding, 23);
        color: #2851a0;
        border: 1px solid #2851a0;
        margin-left: 35%;
        a {
            text-decoration: none;
        }
    }
}



.footer {
    .pxToRem( height, 90);
    position: fixed;
    .pxToRem( bottom, 0);
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    dl {
        width: 20%;
        text-align: center;
        dt {
            img {
                .pxToRem( width, 40);
                .pxToRem( height, 40);
            }
        }
        dd {
            margin-left: 0;
        }
    }
}


.meng {
    position: absolute;
    .pxToRem( top, -40);
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.3;
    z-index: 100;
    display: none;
}

.ce {
    position: fixed;
    top: 0;
    left: -86%;
    z-index: 200;
    width: 86%;
    .biao {
        display: flex;
        justify-content: center;
        align-items: center;
        //       .pxToRem( padding, 50);
        background: #e4e4e4;
    }
    .l_left {
        z-index: 33;
        .pxToRem(padding-right, 15);
    }
    .l_right {
        z-index: 33;
        .pxToRem(padding-left, 15);
    }
    h3 {
        .pxToRem( font-size, 26);
    }
    .submenu {
        background: #fff;
        .pxToRem(margin-top, -40);
        dl {
            display: flex;
            .pxToRem(margin-left, 40);
            dt {
                .pxToRem(margin-top, 40);
                .pxToRem(margin-left, 80) img {
                    width: 40%;
                    .pxToRem(height, 30);
                    .pxToRem(padding-top, 120);
                    .pxToRem(margin-left, 200);
                }
            }
            dd {
                h2 {
                    .pxToRem(font-size, 50);
                }
                p {
                    .pxToRem(font-size, 30);
                }
            }
        }
    }
    .hezuo {
        display: flex;
        justify-content: center;
        align-items: center;
        .pxToRem( height, 106);
        background: #e4e4e4;
        .pxToRem(border-top, -50);
    }
    .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .pxToRem(height, 102);
        .pxToRem(margin-top, -40);
        dl {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            border-right: 1px solid #ADADAD;
            .pxToRem(height, 90);
            background: #fff;
            dt {
                img {
                    .pxToRem(width, 52);
                    .pxToRem(height, 52)
                }
            }
        }
        dl:last-child {
            border-right: none;
        }
    }
    .slidefoot {
        background: #fff;
        .pxToRem(margin-top, -16);
        .S_ce {
            display: flex;
            border-bottom: 1px solid #737373;
            h2 {
                .pxToRem(font-size, 60);
                .pxToRem(height, 65);
                .pxToRem(margin-right, 60);
                display: inline-block;
                background: #fff;
                h5 {
                    .pxToRem(font-size, 28);
                    color: #8C8C8C;
                    .pxToRem(margin-left, 60);
                    .pxToRem(padding-top, 550);
                    background: #fff;
                    display: inline-block;
                }
            }
        }
    }
}